<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>3-并集选择器</title>
		<style type="text/css">
			/**
			 * 1. 并集选择器中的每组选择器之间通过 , 分隔 
			 * 2. 并集选择器中的每组选择器可以是基础选择器或者复合选择器 
			 * 3. 并集选择器中的每组选择器通常一行写一个，提高代码的可读性
			 */
			h3,span,p,em{
				font-family: "Microsoft Yahei";
			}
			
			.one,
			.time,
			div>p
			{
				font-size: 20px;
				color:red;
			}
			
		</style>
	</head>
	<body>
		<!-- one_case -->
		<h3>
			日本强震已致3人死亡、126人受伤
		</h3>
		<span>青瞳视角</span>
		<p>
			发布时间: <em>2022-03-17 08:41</em>北京青年报北青网官方帐号
		</p>
		<!-- one_case_end -->
		
		<!-- two_case -->
		<div>
			<span class="one">第一财经</span>
			<span class="time">发布时间: <i>2022-03-17 08:23</i></span>
			<p>第一财经官方帐号,优质财经领域创作者</p>
		</div>
		<!-- two_case_end -->
	</body>
</html>
